<template>
	<view class="longbingbing-mine-page-type rel" :class="[`type-${configInfo.mine_page_type}`]">
<!--		<image mode="aspectFill" lazy-load class="mine-bg abs" :src="configInfo.user_image"></image>-->
    <div class="mine-top-bg abs"></div>
		<view class="rel">
			<view class="user-info rel">
				<!--:style="{height:configInfo.mine_page_type==3&&(configInfo.recharge_status || configInfo.balance_discount_status)?'533rpx':''}"-->
				<view class="user-box flex-warp">
					<auth :needAuth="true" :haveGo="false" @userPrivacy="$refs.user_privacy.open()" class="avatar_view"
						:style="{width:configInfo.mine_page_type==3? `197rpx`:`152rpx`}">
						<view class="avatar_view flex-center flex-column">
							<view class="avatar_view flex-center"
								:class="[{'mt-md':userInfo.id && mineInfo.is_admin == 1 && configInfo.mine_page_type==1}]">
								<image mode="aspectFill" class="avatarUrl radius"
									:src="userInfo.avatarUrl||`https://api.huixuananmm.com/admin/farm/default-user.png`">
								</image>
							</view>
							<view class="text" :style="{color:primaryColor}"
								v-if="userInfo.id && mineInfo.is_admin == 1 && configInfo.mine_page_type==1">
								{{$t('action.agentName')}}
							</view>
						</view>
					</auth>
					<auth :needAuth="true" :haveGo="false" @userPrivacy="$refs.user_privacy.open()"
						class="flex-1 flex-y-center" v-if="!userInfo || (userInfo && !userInfo.nickName)">
						<view class="f-md-title text-bold" :style="{color:configInfo.user_font_color}">登录
						</view>
					</auth>
					<view class="flex-1 info"
						:style="{color:configInfo.user_font_color,marginTop:configInfo.mine_page_type==3 ? `26rpx` : '8rpx'}"
						v-else>
						<view class="flex-between info-left" :style="{ color: '#333' }">
							<auth :needAuth="true" :haveGo="false" @userPrivacy="$refs.user_privacy.open()">
								<view class="flex-y-center f-title" style="font-weight: 500;font-size: 36rpx;color: #333333;">
									<view class="max-300 ellipsis" style="margin-right:8rpx">
										{{ userInfo.nickName || '默认用户' }}
									</view>
								
								</view>
							</auth>
						<view class="flex-warp"
							:class="[{'mt-sm':configInfo.mine_page_type!=3},{'mt-md':configInfo.mine_page_type==3}]"
							v-if="mineInfo && mineInfo.id*1>0">
							<view
								@tap.stop="$util.goUrl({url: configInfo.plugAuth.member ? `/member/pages/index` : `/memberdiscount/pages/index`})"
								:class="[`member-tag-${configInfo.mine_page_type}`,{'flex-center mr-md f-caption radius':configInfo.mine_page_type==1},{'rel mr-lg':configInfo.mine_page_type!=1},{'ml-sm':configInfo.mine_page_type==3}]"
								v-if="configInfo.plugAuth.member || configInfo.plugAuth.memberdiscount">
								<i class="iconfont iconhuiyuandengji mr-sm" v-if="configInfo.mine_page_type==1"></i>
								 <image class="member-img abs"
									:src="`${base_img_url}/menu${configInfo.mine_page_type==2?2:4}/member-tag.png`"
									v-if="configInfo.mine_page_type!=1">
								</image> 
								<!--<img class="member-img abs" src="../static/img/mine/yonghuleixing.png" v-if="configInfo.mine_page_type!=1">-->
								<view
									:class="[{'ellipsis':configInfo.mine_page_type==1},{'f-icontext c-base text-bold flex-center rel':configInfo.mine_page_type!=1}]">
									<block
										v-if="configInfo.plugAuth.member && mineInfo.member_info && mineInfo.member_info.hasOwnProperty('title')">
										{{mineInfo.member_info.title.substring(0,4)}}
									</block>
									<block v-else-if="configInfo.plugAuth.memberdiscount && mineInfo.member_status">
										会员
									</block>
									<block v-else>
										普通用户
									</block>
								</view>
							</view>
							<view @tap.stop="$util.goUrl({url:`/pages/agent-index?agent=0`})"
								class="member-tag-1 flex-center f-caption radius"
								v-if="configInfo.mine_page_type==1 && mineInfo.mobilenode_auth && configInfo.web_agent_port">
								<i class="iconfont iconqiehuanyonghuduan mr-sm"></i>
								切换管理员
							</view>
							<view class="flex-1"></view>
						</view>

						</view>
						<view>
									<i class="flex-1 iconfont"
										:class="[{'iconbianjiziliao':configInfo.mine_page_type === 1},{'icon-right text-bold':configInfo.mine_page_type === 2}]"></i>
						</view>

					</view>
				</view>

				<view class="space-lg" :class="[{'mt-lg':!mineInfo.is_admin || mineInfo.coach_status!=2}]"
					v-if="configInfo.mine_page_type === 1"></view>
				<view class="space-lg" v-if="configInfo.mine_page_type === 3"></view>
				<view class="second">
					<view class="flex-center second-left" :class="[
		        	    { 'fill-base pd-lg box-shadow radius-20': configInfo.mine_page_type === 1 }
		        	  ]">
						<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
							:type="!userInfo.phone ? 'phone' : 'userInfo'" class="count-item"
							@go="toJump('countList',index)" v-for="(item, index) in countList" :key="index">
							<view class="flex-center flex-column" style="color: #222724"
								v-show="!item.auth || (item.auth && configInfo.plugAuth[item.auth])">
								<view class=" f-title text-bold"
									:style="{ fontSize: configInfo.mine_page_type === 1 ? '36rpx' : configInfo.mine_page_type === 3 ? '40rpx' : '' }">
									{{ mineInfo[item.num] || 0 }}
								</view>
								<view class="f-caption"
									:class="[{ 'c-caption': configInfo.mine_page_type === 1 },{'pt-sm': configInfo.mine_page_type === 3}]"
									:style="{color: '#333', fontWeight: 400}">
									{{ item.text }}
								</view>
							</view>
						</auth>
					</view>
							<view class="flex-center">
								<!-- sp11.9 待对接 -->
								<view class=" rel" v-if="configInfo.plugAuth.im">
									<view class="abs flex-center f-icontext c-base"
										style="top:-4rpx;height: 24rpx; background: #F1381F; border-radius: 12rpx;"
										:style="{width:mineInfo.massage_count<10 ? '26rpx' :mineInfo.massage_count<100 ? '36rpx' : '46rpx',right:mineInfo.massage_count<10 ? '-10rpx' :mineInfo.massage_count<100 ? '-20rpx' : '-30rpx'}"
										v-if="mineInfo.massage_count*1>0">
										<view style="transform: scale(0.85);">
											{{mineInfo.massage_count < 100 ? mineInfo.massage_count : '99+'}}
										</view>
									</view>
									<!-- <i @tap.stop="$util.goUrl({url:`/im/pages/list`})" class="iconfont iconxiaoxi1"
										style="font-size: 38rpx;"></i> -->
										<image @tap.stop="$util.goUrl({url:`/im/pages/list`})" mode="widthFix" class="icon1" src="/static/image/xiaoxi.png"></image>
								</view>
								<!--<i @tap.stop="$util.goUrl({url:`/user/pages/setting`})" class="iconfont iconshezhi2 setting-icon"
									:class="[{'mr-md': configInfo.mine_page_type === 3}]" style="font-size: 38rpx"></i> -->
								<image @tap.stop="$util.goUrl({url:`/user/pages/setting`})" mode="widthFix" class="icon1 setting-icon"
									:class="[{'mr-md': configInfo.mine_page_type === 3}]" src="/static/image/setting.png"></image>
					</view>
				</view>


				<!-- <view class="space-md"
					v-if="configInfo.mine_page_type != 1 &&!configInfo.recharge_status&&!configInfo.balance_discount_status">
				</view> -->
				<!--<view class="space-md" v-if="configInfo.mine_page_type != 1"></view> -->
				<view class="radius-20 ml-md mr-md rel pt-sm pl-md pr-md zichan-top"
					v-if="configInfo.recharge_status || configInfo.balance_discount_status"
					:class="[{'fill-base box-shadow': configInfo.mine_page_type === 1 }]">
					<!--					<image class="stored-img-ulart abs" :src="`https://api.huixuananmm.com/admin/anmo/menu2/stored-bg-1.png`"
						v-if="configInfo.mine_page_type === 2"></image>
					<image class="stored-img-ulart abs" :src="`https://api.huixuananmm.com/admin/anmo/menu4/balance-1.png`"
						v-if="configInfo.mine_page_type === 3"></image>
					<image class="stored-img-ulart abs"
						:src="`https://api.huixuananmm.com/admin/anmo/menu2/stored-bg-1.png`"
						v-if="configInfo.mine_page_type === 2"></image>
					<image class="stored-img-ulart abs"
						:src="`https://api.huixuananmm.com/admin/anmo/menu4/balance-1.png`"
						v-if="configInfo.mine_page_type === 3"></image>-->
					<view class="rel">
						<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
							:type="!userInfo.phone ? 'phone' : 'userInfo'"
							@go="$util.goUrl({url:`/user/pages/stored/list`})">
							<view class="flex-between" style="padding: 0;font-weight: 500">
								<text class="property-title"
									:class="[{'f-ms-title zichan':[2,3].includes(configInfo.mine_page_type)}]">我的资产</text>
								<view class="pay-btn-ulart flex-center"
									:class="[{'c-base f-desc':configInfo.mine_page_type === 1},{'c-title f-caption':configInfo.mine_page_type === 2}]"
									:style="{background: configInfo.mine_page_type === 1 ? primaryColor : ''}"> 立即充值
								</view>
							</view>
						</auth>
						<view class="property-box"
							:class="[{'flex-between':configInfo.plugAuth.balancediscount&&configInfo.plugAuth.partner},{'flex-y-center':!configInfo.plugAuth.balancediscount||!configInfo.plugAuth.partner}]">
							<block v-for="(item,index) in propertyList" :key="index">
								<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
									:type="!userInfo.phone ? 'phone' : 'userInfo'" style="width: auto;"
									v-if="(item.type=='card_balance'&&configInfo.plugAuth.balancediscount)||(['partner_wait_money','partner_money'].includes(item.type)&&configInfo.plugAuth.partner)||item.type=='some_balance'"
									class="flex" width="auto"
									:style="{justifyContent: index > 0 ? ([1,2].includes(index) ? 'center' : 'flex-end') : '', flex: `0 0 ${(!configInfo.plugAuth.balancediscount||!configInfo.plugAuth.partner)?'25%':'auto'}`}"
									@go="$util.goUrl({url: item.url})">
									<view>
										<view class="f-title text-bold property-item-val"
											style="line-height: normal;word-break: keep-all">
											{{mineInfo[item.type] || 0}}
										</view>
										<text class="f-caption c-caption property-item-title"
											style="word-break: keep-all">{{item.title}}</text>
									</view>
								</auth>
							</block>
						</view>
					</view>
				</view>
			</view>
			<view>
				<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
					:type="!userInfo.phone ? 'phone' : 'userInfo'"
					@go="$util.goUrl({url:`/memberdiscount/pages/index`})" class="memberdiscount-info"
					v-if="configInfo.plugAuth.memberdiscount && mineInfo.member_discount_auth">
					<view class="memberdiscount-info mt-md ml-md mr-md rel">
						<img class="discount-img abs"
							:src="`https://api.huixuananmm.com/admin/anmo/memberdiscount/mine-bg.png`">
						<view class="info-item flex-center rel">
							<!-- <image class="icon-img"
								:src="`https://api.huixuananmm.com/admin/anmo/memberdiscount/mine-icon.png`">
							</image> -->
							<view class="flex-1 flex-between ml-md">
								<view>
									<!-- <view class="text-bold f-mini-title">
										{{mineInfo.member_status?mineInfo.member_discount_title:'开通会员享超低折扣优惠'}}
									</view> -->
									<view class="f-caption" style="color:#F8D7BD;margin-top:3rpx"
										v-if="mineInfo.member_status">
										{{mineInfo.member_discount_day}}天后到期
									</view>
								</view>
								<view class="order-btn flex-center f-desc text-bold radius">
									{{mineInfo.member_status?'去续费':'立即开通'}}
                  <image src="../static/img/mine/rightBtn.png" class="btnImg"></image>
								</view>
							</view>
						</view>
					</view>
				</auth>
				<!-- radius-10 mt-md  ml-md mr-md -->
				<view class="menu-info orderInfo fill-base">
					<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
						:type="!userInfo.phone ? 'phone' : 'userInfo'"
						@go="$util.goUrl({url:`/pages/order`,openType:`reLaunch`})">
						<view class="flex-between"
							:class="[{'menu-info-style-3': configInfo.mine_page_type==3}]">
							<view class="f-paragraph c-title" style="color: #333333;font-weight: 500">我的订单</view>
							<view class="flex-y-center f-caption c-caption">
								全部订单<i class="iconfont icon-right text-bold"></i>
							</view>
						</view>
					</auth>
					<view class="menu-list flex-warp">
						<block v-for="(item, index) in orderList" :key="index">
							<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
								:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toJump('orderList', index)"
								class="menu-item" style="width:20%">
								<view class="flex-center flex-column f-caption">
									<i class="item-icon iconfont mb-sm" :class="item.icon"
										:style="{ color: primaryColor }" v-if="configInfo.mine_page_type === 1"></i>
									<image class="item-img" :src="`${base_img_url}/menu2/${item.img}.png`"
										v-if="configInfo.mine_page_type === 2"></image>
									<image class="item-img item-img-58" :src="`${base_img_url}/menu4/${item.img}.png`"
										v-if="configInfo.mine_page_type === 3"></image>
									<view class="mt-sm"
                        style="color: #333333;"
										:class="[ { 'f-caption c-paragraph': configInfo.mine_page_type === 1 }, { 'item-text': configInfo.mine_page_type === 2 || configInfo.mine_page_type === 3 } ]">
										{{ item.text }}
									</view>
								</view>
							</auth>
						</block>
					</view>
				</view>
			</view>


			<view class="mine-tool-list fill-base radius-16" v-if="configInfo.mine_page_type === 1">
				<block v-for="(item, index) in toolList" :key="index"
					v-if="(item.auth && configInfo.plugAuth[item.auth]) || !item.auth">
					<block v-if="item.text == '联系客服'">
						<!-- #ifdef MP-WEIXIN -->
						<button open-type="contact" class="clear-btn" v-if="configInfo.im_type === 2">
							<view class="tool-child pt-lg pb-lg ml-lg mr-lg  flex-center"
								:class="[{ 'b-1px-t': index != 0 }]">
								<i class="left-icon flex-center iconfont" :class="item.icon"
									:style="{color:primaryColor}"></i>
								<view class="flex-1 flex-between ml-md">
									<view class="f-paragraph c-title">{{ item.text }}</view>
									<i class="iconfont"
										:class="[{'iconbodadianhua text-bold':item.text == '联系客服' && configInfo.im_type == 1},{'icon-right':item.text != '联系客服' || (item.text == '联系客服' && configInfo.im_type != 1)}]"
										:style="{fontSize:item.text == '联系客服' && configInfo.im_type == 1?'50rpx':'',color:item.text == '联系客服' && configInfo.im_type == 1?primaryColor:''}"></i>
								</view>
							</view>
						</button>
						<button @tap="toContact" class="clear-btn" v-else>
							<view class="tool-child pt-lg pb-lg ml-lg mr-lg  flex-center"
								:class="[{ 'b-1px-t': index != 0 }]">
								<i class="left-icon flex-center iconfont" :class="item.icon"
									:style="{color:primaryColor}"></i>
								<image class="item-img" :src="`/static/image/${item.icon}.png`"></image>
								<view class="flex-1 flex-between ml-md">
									<view class="f-paragraph c-title">{{ item.text }}</view>
									<i class="iconfont"
										:class="[{'iconbodadianhua text-bold':item.text == '联系客服' && configInfo.im_type == 1},{'icon-right':item.text != '联系客服' || (item.text == '联系客服' && configInfo.im_type != 1)}]"
										:style="{fontSize:item.text == '联系客服' && configInfo.im_type == 1?'50rpx':'',color:item.text == '联系客服' && configInfo.im_type == 1?primaryColor:''}"></i>
								</view>
							</view>
						</button>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<button @tap="toContact" class="clear-btn">
							<view class="tool-child pt-lg pb-lg ml-lg mr-lg  flex-center"
								:class="[{ 'b-1px-t': index != 0 }]">
								<i class="left-icon flex-center iconfont" :class="item.icon"
									:style="{color:primaryColor}"></i>
								<view class="flex-1 flex-between ml-md">
									<view class="f-paragraph c-title">{{ item.text }}</view>
									<i class="iconfont"
										:class="[{'iconbodadianhua text-bold':item.text == '联系客服' && configInfo.im_type == 1},{'icon-right':item.text != '联系客服' || (item.text == '联系客服' && configInfo.im_type != 1)}]"
										:style="{fontSize:item.text == '联系客服' && configInfo.im_type == 1?'50rpx':'',color:item.text == '联系客服' && configInfo.im_type == 1?primaryColor:''}"></i>
								</view>
							</view>
						</button>
						<!-- #endif -->
					</block>
					<block v-else>
						<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
							:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toJump('toolList', index)" v-show="
						(item.id && (configInfo.tabBar.findIndex(aitem=>{ return aitem.id == item.id }) == -1)) ||
						(!item.id && (
							(item.key==='admin_user_status' && mineInfo[item.key]===1) ||
							(item.key === 'coach_status' && mineInfo[item.key] != 2)  ||
							(item.key==='is_admin' && (!mineInfo[item.key] || (mineInfo[item.key] && configInfo.web_agent_port)))||
							 (['broker_status','channel_status','salesman_status'].includes(item.key) && (mineInfo[item.key] == 2 || (mineInfo[item.key]!=2&&configInfo[item.config_auth]))) ||
							 (!['admin_user_status','coach_status','is_admin','broker_status','channel_status','salesman_status'].includes(item.key) ||
							 !item.key)
						 ))">
							<view class="tool-child pt-lg pb-lg ml-lg mr-lg flex-center"
								:class="[{ 'b-1px-t': index != 0 }]">
								<i class="left-icon flex-center iconfont" :class="item.icon"
									:style="{color:primaryColor}"></i>
								<view class="flex-1 flex-between ml-md">
									<view class="f-paragraph c-title max-400 ellipsis">
										{{ item.id || !item.key ? '' : ((['is_fx','is_admin','admin_user_status'].includes(item.key) && !mineInfo[item.key]) || (item.key && !['is_fx','is_admin','admin_user_status'].includes(item.key) && mineInfo[item.key]!=2)) ? (['is_admin','admin_user_status'].includes(item.key) && !mineInfo[item.key]) ?'':'申请':'我是'}}{{item.key==='is_admin' && mineInfo[item.key] ? `${$t('action.agentName')}` : item.text }}
									</view>
									<i class="iconfont icon-right"></i>
								</view>
							</view>
						</auth>
					</block>
				</block>
				<!-- <view @tap.stop="$util.goUrl({url:`/pages/coach-index`,openType:`reLaunch`})"
					class="tool-child change pd-lg flex-center b-1px-t"
					v-if="[2,3].includes(mineInfo.coach_status) && configInfo.web_coach_port">
					<i class="left-icon flex-center iconfont iconqiehuanjishiduan" :style="{color:primaryColor}"></i>
					<view class="flex-1 flex-between ml-md">
						<view class="f-paragraph c-title">切换{{$t('action.attendantName')}}端</view>
						<i class="iconfont icon-switch c-caption"></i>
					</view>
				</view> -->
			</view>
			<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
				:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toAtv" style="width: 100%"
				v-if="configInfo.plugAuth.couponatv && mineInfo.is_atv_status === 1 && configInfo.mine_page_type==1">
				<image class="share-atv-img ml-sm mr-sm"
					:src="`https://api.huixuananmm.com/admin/anmo/mine/share_atv.png`">
				</image>
			</auth>

			<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
				:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toAtv" style="width: 100%"
				v-if="configInfo.plugAuth.couponatv && mineInfo.is_atv_status === 1 && [2,3].includes(configInfo.mine_page_type)">
				<image class="share-atv-img ml-md mr-md mt-md"
					:src="`https://api.huixuananmm.com/admin/anmo/menu2/share-atv.png`">
			</auth>

			<block v-if="configInfo.mine_page_type==2 || configInfo.mine_page_type==3">

				<!-- <view class="flex-between menuTitle" :class="[{'menu-info-style-3': configInfo.mine_page_type==3}]">
					<view class="f-paragraph text-bold">常用功能</view>
				</view> -->
				<view class="menu-info fill-base radius-10 ml-md mr-md">
					<view class="menu-list flex-warp">
						<block v-for="(item, index) in toolList2" :key="index"
							v-if="(item.auth && configInfo.plugAuth[item.auth]) || !item.auth">
							<block v-if="item.text == '联系客服'">
								<!-- #ifdef MP-WEIXIN -->
								<button open-type="contact" class="clear-btn menu-item" v-if="configInfo.im_type === 2">
									<view class="flex-center flex-column f-caption">
										<image class="item-img" v-if="configInfo.mine_page_type==2"
											:src="`${base_img_url}/menu2/${item.img}.png`">
										</image>
										<image class="item-img" v-if="configInfo.mine_page_type==3"
											:src="`${base_img_url}/menu4/${item.img}.png`">
										</image>
										<view class="item-text">{{ item.text }}</view>
									</view>
								</button>
								<button @tap="toContact" class="clear-btn menu-item" v-else>
									<view class="flex-center flex-column f-caption">
										<image class="item-img" v-if="configInfo.mine_page_type==2"
											:src="`${base_img_url}/menu2/${item.img}.png`">
										</image>
										<image class="item-img" v-if="configInfo.mine_page_type==3"
											:src="`${base_img_url}/menu4/${item.img}.png`">
										</image>
										<view class="item-text">{{ item.text }}</view>
									</view>
								</button>
								<!-- #endif -->
								<!-- #ifndef MP-WEIXIN -->
								<button @tap="toContact" class="clear-btn menu-item">
									<view class="flex-center flex-column f-caption">
										<image class="item-img" v-if="configInfo.mine_page_type==2"
											:src="`${base_img_url}/menu2/${item.img}.png`">
										</image>
										<image class="item-img" v-if="configInfo.mine_page_type==3"
											:src="`${base_img_url}/menu4/${item.img}.png`">
										</image>
										<view class="item-text">{{ item.text }}</view>
									</view>
								</button>
								<!-- #endif -->
							</block>
							<block v-else>
								<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
									:type="!userInfo.phone ? 'phone' : 'userInfo'" class="menu-item" style="width:25%"
									v-show="(item.id && (configInfo.tabBar.findIndex(aitem=>{
									return aitem.id == item.id
								}) == -1)) || (!item.id && ((item.key === 'coach_status' && mineInfo[item.key]!=2) || (item.key=='is_admin'&&!mineInfo[item.key]) || !['coach_status','is_admin'].includes(item.key)))"
									@go="toJump('toolList2', index)">
									<view class="flex-center flex-column f-caption">
										<image class="item-img" v-if="configInfo.mine_page_type==2"
											:src="`${base_img_url}/menu2/${item.img}.png`">
										</image>
										<image class="item-img" v-if="configInfo.mine_page_type==3"
											:src="`${base_img_url}/menu4/${item.img}.png`">
										</image>
										<view class="item-text">
											{{item.text}}
										</view>
									</view>
								</auth>
							</block>
						</block>
					</view>
				</view>

				<!--  精选套餐   -->
				<view class="recomment_con">
					<view class="icon_title">
						<img src="../static/img/mine/jingxuan.png" />
					</view>
					<view class="pt-md mr-lg ml-lg bg-white radius-10" :class="[{'flex-warp':pageitem.data.type===3}]">
						<view
							:class="[{'mt-md':(pageitem.data.type!==3&&index>0) || (pageitem.data.type===3&&index>1)},{'fill-base pd-md radius-16':pageitem.data.type!==3&&pageitem.data.type!==4},{'mr-md':pageitem.data.type===3&&index%2==0}, 'card-box-shadow']"
							v-for="(item,index) in ChoicenessList" :key="index">
							<longbingbing-service-list-item :info="item"
								:o="pageitem.data"></longbingbing-service-list-item>
						</view>
					</view>
					<view class="emptyTips" v-if="ChoicenessList.length == 0">
						暂无数据
					</view>
				</view>
				
				<!-- 	<view class="menu-info fill-base radius-10 ml-md mr-md mt-md" v-if="
	          ((configInfo.plugAuth.coachbroker && (mineInfo.broker_status == 2 || (mineInfo.broker_status != 2 && configInfo.broker_apply_port)))  ||
	            configInfo.plugAuth.reseller ||
	            (configInfo.plugAuth.channel && (mineInfo.channel_status == 2 || (mineInfo.channel_status != 2 && configInfo.channel_check_status)))  ||
	           ( configInfo.plugAuth.salesman && (mineInfo.salesman_status == 2 || (mineInfo.salesman_status != 2 && configInfo.salesman_check_status))) ||
				(mineInfo.is_admin && configInfo.web_agent_port) ||
				mineInfo.admin_user_status)
	        ">
					<view class="flex-between"
						:class="[{'menu-info-style-3': configInfo.mine_page_type==3},{'b-1px-b': [1,2].includes(Number(configInfo.mine_page_type))}]">
						<view class="f-paragraph text-bold">其他</view>
					</view>
					<view class="menu-list flex-warp">
						<block v-for="(item, index) in toolList3" :key="index"
							v-if="(item.auth && configInfo.plugAuth[item.auth] && ((['broker_status','channel_status','salesman_status'].includes(item.key) && (mineInfo[item.key] == 2 || (mineInfo[item.key]!=2&&configInfo[item.config_auth]))) || !['broker_status','channel_status','salesman_status'].includes(item.key))) || (!item.auth && (item.key!='is_admin' || (item.key=='is_admin' && configInfo.web_agent_port)))">
							<auth :needAuth="!userInfo || (userInfo && (!userInfo.phone || !userInfo.nickName))"
								:type="!userInfo.phone ? 'phone' : 'userInfo'" class="menu-item" style="width:25%"
								v-show="(['is_admin','admin_user_status'].includes(item.key) && mineInfo[item.key]) || !['is_admin','admin_user_status'].includes(item.key)"
								@go="toJump('toolList3', index)">
								<view class="flex-center flex-column f-caption">
									<image class="item-img" v-if="configInfo.mine_page_type==2"
										:src="`${base_img_url}/menu2/${item.img}.png`">
									</image>
									<image class="item-img-54" v-if="configInfo.mine_page_type==3"
										:src="`${base_img_url}/menu4/${item.img}.png`">
									</image>
									<view class="item-text">
										{{(['is_fx','is_admin','admin_user_status'].includes(item.key) && !mineInfo[item.key]) || (!['is_fx','is_admin','admin_user_status'].includes(item.key) && mineInfo[item.key]!=2) ? '申请':''}}{{ item.text }}{{(['is_fx','is_admin','admin_user_status'].includes(item.key) && mineInfo[item.key]) || (!['is_fx','is_admin','admin_user_status'].includes(item.key) && mineInfo[item.key]==2) ? '端':''}}
									</view>
								</view>
							</auth>
						</block>
					</view>
				</view> -->

				<!-- 	<view class="menu-info fill-base radius-10 ml-md mr-md mt-md" style="padding-bottom: 0;"
					v-if="(mineInfo.mobilenode_auth && configInfo.web_agent_port) || ([2,3].includes(mineInfo.coach_status) && configInfo.web_coach_port)">
					<view @tap.stop="$util.goUrl({url:`/pages/coach-index`,openType:`reLaunch`})" class="flex-between"
						:class="[{'b-1px-b':mineInfo.mobilenode_auth}]"
						v-if="[2,3].includes(mineInfo.coach_status) && configInfo.web_coach_port">
						<view class="f-paragraph">切换{{$t('action.attendantName')}}端</view>
						<i class="iconfont icon-switch"></i>
					</view>
					<view @tap.stop="$util.goUrl({url:`/pages/agent-index?agent=0`})" class="flex-between"
						v-if="mineInfo.mobilenode_auth && configInfo.web_agent_port">
						<view class="f-paragraph">切换管理员端</view>
						<i class="iconfont icon-switch"></i>
					</view>
				</view> -->
			</block>

		</view>

		<!-- #ifdef MP-WEIXIN -->
		<user-privacy ref="user_privacy" :show="false"></user-privacy>
		<!-- #endif -->
		<!-- #ifdef APP-PLUS -->
		<longbingbing-app-check-auth type="phone" ref="app_check_item"
			@confirm="$util.goUrl({ url:configInfo.mobile, openType: 'call' })"></longbingbing-app-check-auth>
		<!-- #endif -->
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from "vuex"
	import longbingbingServiceListItem from "@/components/longbingbing-service-list-item.vue"
	export default {
		components: {
			longbingbingServiceListItem
		},
		props: {},
		data() {
			return {
				countList: [{
					text: '优惠券',
					num: 'coupon_count',
					url: `/user/pages/coupon/list`
				}, {
					text: '关注',
					num: 'follow_count',
					auth: 'dynamic',
					url: `/dynamic/pages/follow`
				}, {
					text: '收藏',
					num: 'collect_count',
					url: `/user/pages/collect`
				}],
				// 我的订单
				orderList: [{
					icon: 'icondaizhifu',
					img: 'notpay',
					text: '待支付',
					url: '/pages/order?tab=1'
				}, {
					icon: 'icondaifuwu',
					img: 'wait',
					text: '待服务',
					url: '/pages/order?tab=2'
				}, {
					icon: 'iconanmo2',
					img: 'ing',
					text: '服务中',
					url: '/pages/order?tab=3'
				}, {
					icon: 'icontuikuan',
					img: 'refund',
					text: '退款/售后',
					url: '/user/pages/refund/list'
				}, {
					icon: 'icondaipingjia',
					img: 'evaluate',
					text: '已完成',
					url: '/pages/order?tab=4'
				}],
				toolList: [{
						id: 8,
						text: '找搭子',
						icon: 'iconzhaodazi',
						auth: 'partner',
						url: `/pages/partner`
					}, {
						text: '组局记录',
						icon: 'iconzhaodazi-weixuanzhong',
						auth: 'partner',
						url: `/partner/pages/record`
					},
					{
						id: 3,
						text: '动态',
						icon: 'icon-dongtai1',
						auth: 'dynamic',
						url: `/pages/dynamic`
					}, {
						id: 6,
						text: '门店',
						icon: 'iconmendian',
						auth: 'store',
						url: `/pages/shopstore`
						// }, {
						// 	id: 7,
						// 	text: '地图找人',
						// 	icon: 'iconbiaoqianye-dituzhaoren2',
						// 	auth: 'map',
						// 	url: `/pages/map`
					}, {
						text: this.$t('action.resellerName'),
						action_key: 'resellerName',
						icon: 'iconhehuoren1',
						auth: 'reseller',
						key: 'is_fx',
						url: '/user/pages/distribution/income'
					}, {
						text: this.$t('action.brokerName'),
						action_key: 'brokerName',
						icon: 'iconjingjieren',
						auth: 'coachbroker',
						key: 'broker_status',
						config_auth: 'broker_apply_port',
						url: '/user/pages/coachbroker/income'
					}, {
						text: this.$t('action.attendantName'),
						action_key: 'attendantName',
						icon: 'iconshenqingjishi',
						key: 'coach_status'
					}, {
						text: '业务员',
						icon: 'icon-account-line',
						auth: 'salesman',
						key: 'salesman_status',
						config_auth: 'salesman_check_status',
						url: '/user/pages/salesman/income'
					}, {
						text: this.$t('action.channelName'),
						action_key: 'channelName',
						icon: 'iconwoshiqudaoshang',
						auth: 'channel',
						key: 'channel_status',
						config_auth: 'channel_check_status',
						url: '/user/pages/channel/income'
					}, {
						text: '招商加盟',
						icon: 'iconshoucangjishi',
						key: 'is_admin',
						url: '/agent/pages/apply'
					}, {
						text: '平台管理员',
						icon: 'iconwoshipingtai3',
						key: 'admin_user_status',
						url: '/user/pages/adminuser/income'
					}, {
						icon: 'icondizhiguanli',
						text: '地址管理',
						url: '/user/pages/address/list'
					}, {
						icon: 'iconwentifankui',
						text: '申诉/退款',
						url: '/user/pages/feedback/box'
					}, {
						icon: 'iconlianxikefu',
						text: '联系客服',
						url: ''
					}
				],
				toolList2: [{
						id: 8,
						text: '找搭子',
						img: 'partner-icon',
						auth: 'partner',
						url: `/pages/partner`
					}, {
						text: '组局记录',
						img: 'partner',
						auth: 'partner',
						url: `/partner/pages/record`
					}, {
						// 	id: 7,
						// 	text: '地图找人',
						// 	img: 'map',
						// 	auth: 'map',
						// 	url: `/pages/map`
						// },
						// {
						id: 3,
						text: '动态',
						img: 'dynamic',
						auth: 'dynamic',
						url: `/pages/dynamic`
					},
					{
						id: 6,
						text: '门店',
						img: 'store',
						auth: 'store',
						url: `/pages/shopstore`
					},
					{
						text: '申请' + this.$t('action.attendantName'),
						action_key: 'attendantName',
						img: 'coach',
						key: 'coach_status'
					},
					{
						text: '招商加盟',
						img: 'apply-agent',
						url: `/agent/pages/apply`,
						key: 'is_admin'
					},
					{
						text: '地址管理',
						img: 'address',
						url: '/user/pages/address/list'
					},
					{
						text: '申诉/退款',
						img: 'question',
						url: '/user/pages/feedback/box'
					},
					{
						text: '联系客服',
						img: 'contact',
					},
					{
						text: '我的推广码',
						img: 'question1',
						url: '/user/pages/fenxiao/tuiguang'
					},
					{
						text: '分销推广',
						img: 'question2',
						url: '/user/pages/fenxiao/rate'
					}
				],
				toolList3: [{
						text: this.$t('action.brokerName'),
						action_key: 'brokerName',
						img: 'broker',
						auth: 'coachbroker',
						key: 'broker_status',
						config_auth: 'broker_apply_port',
						url: '/user/pages/coachbroker/income'
					},
					{
						text: this.$t('action.resellerName'),
						action_key: 'resellerName',
						img: 'reseller',
						auth: 'reseller',
						key: 'is_fx',
						url: '/user/pages/distribution/income'
					},
					{
						text: this.$t('action.agentName'),
						action_key: 'agentName',
						img: 'agent',
						key: 'is_admin',
						url: '/pages/agent-index?agent=1'
					},
					{
						text: this.$t('action.channelName'),
						action_key: 'channelName',
						img: 'channel',
						auth: 'channel',
						key: 'channel_status',
						config_auth: 'channel_check_status',
						url: '/user/pages/channel/income'
					},
					{
						text: '业务员',
						img: 'salesman',
						auth: 'salesman',
						key: 'salesman_status',
						config_auth: 'salesman_check_status',
						url: '/user/pages/salesman/income'
					},
					{
						text: '平台管理员',
						img: 'adminuser',
						key: 'admin_user_status',
						url: '/user/pages/adminuser/income'
					}
				],
				propertyList: [{
					title: '余额',
					type: 'some_balance'
				}, {
					title: '折扣卡',
					type: 'card_balance'
				}, {
					title: 'AA局待入账',
					type: 'partner_wait_money',
					url: '/partner/pages/reckon'
				}, {
					title: '可提现',
					type: 'partner_money',
					url: '/partner/pages/income/index'
				}],
				ChoicenessList:[],
				pageitem: {
					data: {
						type: 1
					}
				}
			}
		},
		computed: mapState({
			configInfo: state => state.config.configInfo,
			mineInfo: state => state.user.mineInfo,
			wecom_staff: state => state.user.wecom_staff,
			list: state => state.service.list,
		}),
		async created() {
			let {
				app_model_type
			} = this
			if (app_model_type == 1) {
				this.toolList = this.toolList.filter(item => {
					return !item.key || (item.key && item.key != 'coach_status')
				})
				this.toolList2 = this.toolList2.filter(item => {
					return !item.key || (item.key && item.key != 'coach_status')
				})
			}
			this.ChoicenessList=[this.list.data[0]]
		},
		watch: {
			configInfo(newVal, oldVal) {
				this.toolList.map(item => {
					if (item.action_key) {
						item.text = this.$t(`action.${item.action_key}`)
					}
				})
				this.toolList2.map(item => {
					if (item.action_key) {
						item.text = `申请` + this.$t(`action.${item.action_key}`)
					}
				})
				this.toolList3.map(item => {
					if (item.action_key) {
						item.text = this.$t(`action.${item.action_key}`)
					}
				})
			}
		},
		methods: {
			...mapActions(['getConfigInfo']),
			...mapMutations(['updateUserItem']),
			async toShowPopup(index, key) {
				this.$refs.technician_list_popup
					.toShowPopup(
						this.list.data[index], key)
			},
			async toCollect(index) {
				let {
					id,
					is_collect,
					collect_num
				} = this.list.data[index]
				let methodModel = is_collect ?
					'delCollect' : 'addCollect'
				await this.$api.mine[
					methodModel]({
					coach_id: id
				})
				this.$util.showToast({
					title: is_collect ?
						'取消成功' : '收藏成功'
				})
				this.list.data[index]
					.is_collect =
					is_collect == 1 ? 0 : 1
				this.list.data[index]
					.collect_num =
					is_collect == 1 ?
					collect_num - 1 :
					collect_num + 1
			},
			async toContact() {
				let {
					mobile: url,
					im_type,
					wecom_appid
				} = this.configInfo

				if (im_type == 3) {
					let {
						wecom_staff
					} = this
					// #ifdef H5
					window.location.href = wecom_staff
					// #endif
					// #ifndef H5

					// #ifdef MP-WEIXIN
					try {
						wx.openCustomerServiceChat({
							extInfo: {
								url: wecom_staff
							},
							corpId: wecom_appid,
							fail(res) {
								uni.showModal({
									content: res.errMsg
								})
							}
						})
					} catch (e) {
						this.$util.showToast({
							title: `请更新微信版本`
						})
					}
					// #endif
					// #ifdef APP-PLUS
					let wechat = null
					plus.share.getServices(res => {
						wechat = res.find(i => i.id === 'weixin')
						if (wechat) {
							wechat.openCustomerServiceChat({
								corpid: wecom_appid,
								url: wecom_staff
							}, err => {
								uni.showToast({
									title: err.errorMsg
								})
							})
						} else {
							uni.showToast({
								title: '当前环境不支持微信操作',
								icon: 'none'
							})
						}
					}, function() {
						uni.showToast({
							title: '获取服务失败，不支持该操作',
							icon: 'none'
						})
					})
					// #endif
					// #endif
					return
				}
				// #ifdef APP-PLUS
				if (plus.os.name == 'Android' && plus.navigator.checkPermission('android.permission.CALL_PHONE') ===
					'undetermined') {
					this.$refs.app_check_item.open()
				} else {
					this.$util.goUrl({
						url,
						openType: 'call'
					})
				}
				// #endif
				// #ifndef APP-PLUS
				this.$util.goUrl({
					url,
					openType: 'call'
				})
				// #endif
			},
			async toAtv() {
				if (!this.mineInfo.is_atv) {
					this.$util.showToast({
						title: `暂无活动`
					})
					return
				}
				this.$util.goUrl({
					url: `/user/pages/coupon/share`
				})
			},
			toJump(key, index) {
				let {
					id = 0,
						url,
						text,
						key: auth_status = ''
				} = this[key][index]
				let {
					mineInfo
				} = this
				if (auth_status == 'is_admin' && mineInfo[auth_status]) {
					url = '/pages/agent-index?agent=1'
				}

				let applyText = this.$t('action.attendantName')
				let applyResellerText = this.$t('action.resellerName')
				let applyBrokerText = this.$t('action.brokerName')
				let applyChannelText = this.$t('action.channelName')

				if (text == `申请${applyText}`) {
					text = applyText
				}

				let applyArr = [applyText, applyResellerText, applyChannelText, '业务员', applyBrokerText]
				if (auth_status && ((['is_fx', 'is_admin'].includes(auth_status) && !mineInfo[auth_status]) || (!['is_fx',
						'is_admin'
					].includes(auth_status) && mineInfo[auth_status] != 2)) && applyArr.includes(text)) {
					let applyInd = applyArr.findIndex(item => {
						return text == item
					})
					this.toApply(applyInd * 1 + 1)
					return
				}
				if (text == '联系客服') {
					return
				}
				let openType = ((key == 'orderList' && index !== 4) || id) ? `reLaunch` : 'navigateTo'
				if (key == 'orderList') {
					this.$util.goUrl({
						url,
						openType
					})
					return
				}
				console.log(url, "======url")
				this.$util.toCheckLogin({
					url
				})
			},
			// 申请技-师/分销-员/渠道-商/业务员
			async toApply(type) {
				let {
					coach_status = -1,
						fx_status = -1,
						channel_status = -1,
						salesman_status = -1,
						broker_status = -1
				} = this.mineInfo

				let statusArr = {
					1: coach_status,
					2: fx_status,
					3: channel_status,
					4: salesman_status,
					5: broker_status
				}
				let status = statusArr[type]
				let page = {
					1: `/technician/pages/apply`,
					2: `/user/pages/distribution/apply`,
					3: `/user/pages/channel/apply`,
					4: `/user/pages/salesman/apply`,
					5: `/user/pages/coachbroker/apply`
				}
				// -1未申请，1审核中，2审核通过，3取消授权，4审核失败
				let url = status == -1 ? page[type] : `/user/pages/apply-result?type=${type}`
				// this.$util.log(url)
				this.$util.toCheckLogin({
					url
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.longbingbing-mine-page-type {
		.mine-bg {
			width: 100%;
			height: 368rpx;
			z-index: 0;
		}


		.member-tag-1 {
			min-width: 100rpx;
			height: 42rpx;
			padding: 0 16rpx;
			background: rgba(255, 255, 255, 0.5);

			.iconfont {
				font-size: 24rpx;
			}
		}

		.member-tag-2 {
			.member-img {
				width: 136rpx;
				height: 36rpx;
			}

			.f-icontext {
				width: 136rpx;
				height: 32rpx;
				padding-left: 28rpx;
				left: 0;
				top: 2rpx;
				line-height: 32rpx;
			}
		}

		.member-tag-3 {
			padding-left: 45rpx;
			background: linear-gradient(270deg, #e7d38f 0%, #f97781 100%);
			border-radius: 36rpx;
			height: 36rpx;
			padding-right: 12rpx;

			.member-img {
				width: 47rpx;
				height: 47rpx;
				left: -10rpx;
				top: -6rpx;
			}

			.flex-center {
				height: 36rpx;
				line-height: 36rpx;
			}
		}


		.user-info {
			.user-box {
				height: auto;
				color: #222724;
				padding: 30rpx;
        padding-bottom: 0;


				.avatar_view {
          width: 140rpx;
          height: 140rpx;
          padding: 4rpx;

					.avatarUrl {
            height: 100%;
            width: 100%;
            background: #FFFFFF;
					}

					.text {
						min-width: 112rpx;
						padding: 0 10rpx;
						height: 36rpx;
						line-height: 36rpx;
						background: #FFFFFF;
						border-radius: 18rpx;
						font-size: 24rpx;
						text-align: center;
						margin-top: -20rpx;
						z-index: 9;
					}
				}


				.iconbianjiziliao {
					font-size: 36rpx;
				}



				.flex-1 {
					.icon-right {
						font-size: 24rpx;
						margin-left: 4rpx;
					}

				}
			}

			.count-item {
				// width: 50%;
			}

		}


		.memberdiscount-info {
			height: 94rpx;

			.discount-img {
				width: 100%;
				height: 100rpx;
			}

			.info-item {
				padding: 20rpx 22rpx;
				//height: 124rpx;
				color: #f8d7bd;

				.icon-img {
					width: 80rpx;
					height: 64rpx;
				}

				.order-btn {
          width: 171rpx;
					height: 52rpx;
          background: linear-gradient( 90deg, #FFDD8C 0%, #FCF4D7 100%);
          color: #4A2F02;
          display: flex;
          align-items: center;
          .btnImg {
            height: 28rpx;
            width: 28rpx;
            margin-left: 12rpx;
          }
				}
			}
		}

		.share-atv-img {
			width: calc(100% - 40rpx);
      height: 168rpx;
			display: block;
		}
		.menu-info {
			padding: 36rpx 24rpx;
			/*box-shadow: 0 2rpx 24rpx 0 rgba(0, 0, 0, 0.06),
				0 2rpx 12rpx 0px rgba(0, 0, 0, 0.04);*/
			border-radius: 24rpx;
      margin-top: 16rpx;
			.flex-between {
				padding-top: 18rpx;

				.f-paragraph {
					color: #222724;
				}

				.icon-right {
					font-size: 22rpx;
				}

				.icon-switch {
					font-size: 60rpx;
					height: 32rpx;
					line-height: 32rpx;
					color: rgba(52, 59, 54, 0.13)
				}
			}
			.menu-info-style-3 {
				padding-bottom: 0;
			}

			.item-tool {
				width: 44rpx;
				font-size: 44rpx;
			}

			.iconbodadianhua {
				font-size: 42rpx;
			}

			.menu-list {
				width: 100%;

				.menu-item {
					width: 25%;

					.item-img {
						width: 64rpx;
						height: 64rpx;
					}

					.item-img-54 {
						width: 54rpx;
						height: 54rpx;
					}

					.item-img-58 {
						width: 58rpx;
						height: 58rpx;
					}

					.item-icon {
						font-size: 52rpx;
					}

					.item-text {
						color: #222724;
						margin-top: 8rpx;
					}
				}
			}
		}

		.orderInfo {
			background: url('../static/img/mine/minePieceBg.png') no-repeat;
			background-size: 100%;
			padding: 0rpx 24rpx 24rpx 24rpx;
			margin-top: -10rpx;
			position: relative;
			z-index: 99;
			background: #fff;
			margin-left: 14rpx;
			margin-right: 18rpx;
		}


	}

	.longbingbing-mine-page-type.type-1 {
		.user-info {
			.avatarUrl {
				border: 1rpx solid #fff;
			}
		}


		.share-atv-img {
			width: calc(100% - 20rpx);
			height: 170rpx;
			margin-top: 16rpx;
		}
	}

	.longbingbing-mine-page-type.type-2 {
		.property-item-title {
			color: #60855D;
		}

		.property-item-val {
			color: #333333;
		}

		.pay-btn-ulart {
			background: #58C06E;
			color: #FFFFFF;
			font-size: 24rpx;
		}

		.property-title {
			color: #333333;
		}
	}

	.longbingbing-mine-page-type.type-3 {
		.mine-bg {
			height: 533rpx;
			border-radius: 50% / 10px;
			border-top-right-radius: 0;
			border-top-left-radius: 0;
		}

		.user-info {
			overflow: hidden;

			.user-box {
				padding: 40rpx 20rpx 24rpx 20rpx;

				.avatar_view {
					width: 197rpx;
					height: 157rpx;

					.avatarUrl {
						width: 157rpx;
						height: 157rpx;
					}
				}

			}

			.property-item-title {
				color: #B88F6E;
			}

			.property-item-val {
				color: #97603A;
			}

			.pay-btn-ulart {
				background: #97603A;
				color: #FEEFD6;
				font-size: 24rpx;
			}

			.property-title {
				color: #97603A;
			}
		}

	}

	.pay-btn-ulart {
		width: 158rpx;
		height: 54rpx;
		border-radius: 64rpx;
	}

	.property-box {
		height: 90rpx;
	}

	.stored-img-ulart {
		height: 160rpx;
		width: 100%;
		left: 0;
		display: block;
		top: 0;
	}

	// 工具
	.mine-tool-list {
		margin: 20rpx 25rpx 0 25rpx;
		box-shadow: 0px 3px 6px 0px rgba(227, 227, 227, 0.47);

		.tool-child {
			.left-icon {
				width: 42rpx;
				font-size: 42rpx;
			}

			.icon-right {
				font-size: 28rpx;
			}

			.icon-switch {
				font-size: 70rpx;
				line-height: 48rpx;
				color: #ddd;
			}
		}

		.tool-child.b-1px-t:before {
			left: 60rpx;
		}

		.tool-child.change.b-1px-t:before {
			left: 90rpx;
			right: 30rpx;
		}
	}

	.menuTitle {
		padding: 20rpx 20rpx 0;
	}

	.recomment_con {
		.icon_title {
			text-align: center;
			// width: 464rpx;
			// margin: 20rpx auto 20rpx;
			margin-top: 24rpx;

			img {
				// width: 100%;
				width: 300rpx;
				
				height: 50rpx;
			}
		}

		.emptyTips {
			text-align: center;
			color: #999;
		}
	}
		.info {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.info-left {
			display: flex;
			flex-direction: column;
		}
		.second {
			display: flex;
			justify-content: space-between;
			align-items: center;
			//background: #F7F5F5;
			height: 110rpx;
			padding: 0 16rpx;
		}
		.second-left {
			width: 300rpx;
		}
		.setting-icon {
			margin-left: 28rpx;
		}
		.zichan {
			font-size: 28rpx;
		}
		.icon1 {
			width: 80rpx;
			height: 56rpx;
		}
		.zichan-top {
			background: linear-gradient( 142deg, #93EEA0 0%, #C1FBAB 100%);
		}
    .mine-top-bg {
      background: linear-gradient(180deg, #ccf5b3 0%, #ddf7b5 50%, #eef6d1 80%, #f5f5ec 90%, #f7f5f5 100%);
      height: 240rpx;
      width: 100vw;
    }
</style>